
<?php
$ref = $abertas = $fechadas = $ativas = array();
foreach ($this->aTarefasAbertasFechadas as $dado) {
    $ref[] = $dado->ref;
    $abertas[]  = $dado->abertas;
    $fechadas[] = $dado->fechadas;
    $ativas[]   = $dado->ativas;
}
$st_meses    =  "['" . implode("','", $ref) . "']";
$st_abertas  =  "[" . implode(",", $abertas) . "]";
$st_fechadas =  "[" . implode(",", $fechadas) . "]";
$st_ativas   =  "[" . implode(",", $ativas) . "]";

$ref = $abertas = $fechadas = $ativos = array();
foreach ($this->aProjetosAbertosFechados as $dado) {
    $ref[]      = $dado->ref;
    $abertas[]  = $dado->abertos;
    $fechadas[] = $dado->fechados;
    $ativos[]  = $dado->ativos;
}
$projeto_st_meses    =  "['" . implode("','", $ref) . "']";
$projeto_st_abertas  =  "[" . implode(",", $abertas) . "]";
$projeto_st_fechadas =  "[" . implode(",", $fechadas) . "]";
$projeto_st_ativos  =  "[" . implode(",", $ativos) . "]";
?>

<script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/highcharts/highcharts.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/highcharts/modules/exporting.js"></script>
<script type="text/javascript">
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'grafico-projetos',
            defaultSeriesType: 'areaspline'
        },
        title: {
            text: 'Projetos por mês'
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: 150,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF'
        },
        xAxis: {
            categories: <?php echo $projeto_st_meses; ?>,
            plotBands: [{ // visualize the weekend
                from: 4.5,
                to: 6.5,
                color: 'rgba(68, 170, 213, .2)'
            }]
        },
        yAxis: {
            title: {
                text: 'Quantidade'
            }
        },
        tooltip: {
            formatter: function() {
                    return ''+
                    this.x +': '+ this.y;
            }
        },
        credits: {
            enabled: false
        },
        plotOptions: {
            areaspline: {
                fillOpacity: 0.5
            },



            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function() {
                            //alert ('Category: '+ this.category +', value: '+ this.y + "-" + this.series.name); return false;
                            $("#ev-div-dialog-modal").load("<?php echo $this->baseUrl(); ?>/corporativo/relatorio/projetos-por-mes/st_mes/" + this.category + "/tipo/" + this.series.name, null, function() {
                                    $("#ev-div-dialog-modal").dialog({
                                        title: "Projetos",
                                        autoOpen: true,
                                        height: 450,
                                        width: 550,
                                        modal: true
                                    });
                            });
                        }
                    }
                }
            }


        },
        series: [{
            name: 'Fechados',
            data: <?php echo $projeto_st_fechadas; ?>
        }, {
            name: 'Abertos',
            data: <?php echo $projeto_st_abertas; ?>
        }, {
            name: 'Ativos',
            data: <?php echo $projeto_st_ativos; ?>
        }]
    });
});

/* Projeto */
var projeto;
$(document).ready(function() {
    projeto = new Highcharts.Chart({
        chart: {
            renderTo: 'grafico-tarefas',
            defaultSeriesType: 'areaspline'
        },
        title: {
            text: 'Tarefas por mês'
        },
        legend: {
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            x: 150,
            y: 100,
            floating: true,
            borderWidth: 1,
            backgroundColor: '#FFFFFF'
        },
        xAxis: {
            categories: <?php echo $st_meses; ?>,
            plotBands: [{ // visualize the weekend
                from: 4.5,
                to: 6.5,
                color: 'rgba(68, 170, 213, .2)'
            }]
        },
        yAxis: {
            title: {
                text: 'Quantidade'
            }
        },
        tooltip: {
            formatter: function() {
                    return ''+
                    this.x +': '+ this.y;
            }
        },
        credits: {
            enabled: false
        },
        plotOptions: {
            areaspline: {
                fillOpacity: 0.5
            }
        },
        series: [{
            name: 'Fechadas',
            data: <?php echo $st_fechadas; ?>
        }, {
            name: 'Abertas',
            data: <?php echo $st_abertas; ?>
        }, {
            name: 'Ativas',
            data: <?php echo $st_ativas; ?>
        }
        ]
    });
});
</script>

<div id="grafico-tarefas" style="width: 800px; height: 400px; margin: 0 auto"></div>
<div id="grafico-projetos" style="width: 800px; height: 400px; margin: 0 auto"></div>

<div class="lista-tarefas">
    <div class="accordion">
        <h3>Horas Trabalhadas por mês</h3>
        <div>
            <table>
                <thead>
                    <tr>
                        <th scope="col">Ref.</th>
                        <th scope="col">Funcionário</th>
                        <?php /*
                        <th scope="col">Horas</th>
                        <th scope="col">Diferença</th>
                        */ ?>
                    </tr>
                </thead>
                <tbody>
                    <?php
                    $i = 0;
                    foreach ($this->aHorasPorMes as $aHoras) {
                        $class = ($i++ % 2 == 0) ? '' : ' class="cor"';
                    ?>
                        <tr<?php echo $class; ?>>
                            <td><?php echo $aHoras->ref; ?></td>
                            <td>
                                <a href="<?php echo $this->baseUrl(); ?>/corporativo/relatorio/tarefas-por-usuario/id_usuario/<?php echo $aHoras->id_usuario; ?>/ref/<?php echo $aHoras->ref; ?>">
                                <?php echo $aHoras->st_nome; ?>
                                </a>
                            </td>
                            <?php /*
                            <td><?php echo $aHoras->st_horas; ?></td>
                            <td><?php echo $aHoras->qt_diff_horas; ?></td>
                            */ ?>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
    </div>
</div>